<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>

  </style>
</head>
<body>

</body>
</html>

<script>
// 函数的 this   ->  this 就是 函数里面的「关键字」


// 总结：函数当中 this 的指向总结：
  // 1. 函数中的 this，指的是 「哪个对象」.fn  ->  那  fn 中只要有 this，this 就指向 「哪个对象」
  // 2. 若 没有 对象.函数，而是 直接 调用函数，那 函数中的 this 指向的是 window
    // 注：以上关于 函数的 this，只在 非 箭头函数下，才有效
const o = {
  name: '小明',
  // say: function() {}
  // 上面的简写
  say() {
    console.log(`你好，我是: ${this.name}`);
  }
}

function yo() {
  console.log(`你好 yo: ${this.name}`, this);
}

// yo();
// 表示 向  o 这个对象里面， 增加了一个 属性 `yo`，其属性值为 yo 函数
o.yo = yo;
// o.yo();
// o.say();



yo();
</script>